<template>
	<view class="f26r col313131">
		<navbar background="background-image: linear-gradient(to right, #2c6739, #99c043);"
			title="提现" back @onBack="goBack"
		></navbar>
		<view class="disFlex lh70r backColWhite pl20r pr20r">
			<view class="flex1">
				可提现金额：0.00元
			</view>
			<view class="w200r teAliRight col999"
				@click="goUrl('/pages/invitationRelevant/withdrawalRecord')"
			>
				<image :src="baseUrl + 'iconRecordGray.png'" mode="aspectFit"
					class="w30r h30r poRel top4r mr10r"
				></image>
				<text>
					提现记录
				</text>
			</view>
		</view>
		<view class="disFlex backColWhite pl20r pr20r pt30r pb30r">
			<view class="w50r foWeiBold f32r">
				¥
			</view>
			<view class="flex1">
				<input type="number" placeholder="提现金额最低100"
					class="f32r"
				>
			</view>
		</view>
		<view class="lh100r col999 pl20r">
			选择提现方式
		</view>
		<view class="backColWhite pl20r">
			<radio-group @change="radioChange">
				<label class="disFlex lh100r">
					<view class="w70r">
						<radio value="0" :checked="0 == current" 
							color="#99c043" style="transform: scale(0.7)"
						/>
					</view>
					<view class="flex1">
						<image :src="baseUrl + 'iconBalanceGreen.png'" mode="aspectFit"
							class="w50r h50r poRel top12r mr10r"
						></image>
						<text>
							提现至余额
						</text>
					</view>
				</label>
				<label class="disFlex lh100r">
					<view class="w70r">
						<radio value="1" :checked="1 == current" 
							color="#99c043" style="transform: scale(0.7)"
						/>
					</view>
					<view class="flex1">
						<image :src="baseUrl + 'iconWeChatGreen.png'" mode="aspectFit"
							class="w50r h50r poRel top12r mr10r"
						></image>
						<text>
							提现至微信
						</text>
						<view class="" v-show="1 == current">
							<input type="text" placeholder="请输入提现人姓名"
								class="pr20r f26r h100r borT1SEfefef"
							>
							<input type="text" placeholder="请输入提现账号"
								class="pr20r f26r h100r borT1SEfefef"
							>
						</view>
					</view>
				</label>
				<label class="disFlex lh100r">
					<view class="w70r">
						<radio value="2" :checked="2 == current" 
							color="#99c043" style="transform: scale(0.7)"
						/>
					</view>
					<view class="flex1">
						<image :src="baseUrl + 'iconBankCard.png'" mode="aspectFit"
							class="w50r h50r poRel top12r mr10r"
						></image>
						<text>
							提现至银行卡
						</text>
						<view class="" v-show="2 == current">
							<input type="text" placeholder="请输入开户人姓名"
								class="pr20r f26r h100r borT1SEfefef"
							>
							<input type="text" placeholder="请输入开户银行名称"
								class="pr20r f26r h100r borT1SEfefef"
							>
							<input type="number" placeholder="请输入银行卡账号"
								class="pr20r f26r h100r borT1SEfefef"
							>
						</view>
					</view>
				</label>
			</radio-group>
		</view>
		<view class="pl20r f24r col999 lh80r">
			*3个工作日内到账，逾期未到帐请联系客服。
		</view>
		<view class="mAuto mt50r w710r teAliCenter colFff backImgLiGrTR2c6739a99c043 lh80r borRad40r">
			申请提现
		</view>
	</view>
</template>
<script>
import navbar from '@/components/navbar.vue'
import { baseUrl } from '@/utils/request.js'
export default {
	components: { navbar },
	data() {
		return {
			baseUrl,
			current: '2'
		}
	},
	onLoad() {
	
	},
	methods: {
		goBack() {
			uni.navigateBack()
		},
		goUrl(url) {
			uni.navigateTo({
				url
			})
		},
		radioChange: function(evt) {
			this.current = evt.detail.value;
			console.log(this.current)
		}
	}
}
</script>
<style>
</style>